<ion-view>
  <ion-content ng-controller="loginCtrl" overflow-scroll="true" style="overflow: hidden">
    <div class="loginBox">
      <div style="display: flex;margin: -30px auto">
        <img src="img/icon/2.png" style="width:40%;margin:auto"/>
      </div>
      <form ng-submit="login()" class="login">
        <div class="item item-input" style="border:none">
          <input contenteditable="true" type="text" name="username"
                 placeholder="用户名|学号|手机号"
                 ng-model="user.username" required>
          <i ng-if="user.username.$valid" class="icon ion-android-done placeholder-icon"></i>
        </div>
        <div class="help-block error" ng-if="user.username.$error.required && user.username.$touched">
          <p ng-message="required" style="color:red">这里没有填东西呢 T_T</p>
        </div>
        <div class="item item-input" style="border:none">
          <input type="password" name="password" placeholder="请输入密码"
                 ng-model="user.password" required>
          <i ng-if="user.username.$valid" class="icon ion-android-done placeholder-icon"></i>
        </div>
        <div class="item item-input" style="border:none;margin-top:40px;">
          <button style="border-radius: initial;margin-bottom: 0px"
                  class="button button-block button-positive" type="submit">登录
          </button>
        </div>
        <div class="aui-card-list-footer item-input">
          <div><img src="img/icon/4.png"/> QQ登录</div>
          <div><img src="img/icon/5.png"/> 微信登录</div>
          <div><img src="img/icon/6.png"/> 微博登录</div>
        </div>
      </form>
    </div>
    <div style="width: 160px; color: darkgrey; margin-left: auto; margin-right: auto">
      <span style="color: #6ebddb" ng-click="register()">新人注册</span> |
      <span ng-click="findin()">忘记密码</span>
    </div>
  </ion-content>
</ion-view>
<!--<div class="bar bar-footer" style="background:none" ng-click="visit()">
  <div class="title df-color">先偷瞄一下&nbsp;<i class="ion-android-arrow-forward"></i></div>
</div>-->
